.header{
    width: 100%;
    height: 70px;
    background: url(../img/header.png) center center no-repeat;
    background-size: auto 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
}
.swl{
    background: url(../img/t_l.png) center center no-repeat;
    color: #eeeef3;
    display: block;
    opacity: 0.5;
    top: 9px;
    position: relative;
    width: 113px;
    height: 33px;
    line-height: 30px;
    z-index: 99;
    text-align: center;
    font-size: 14px;
    margin-right: 8px;
}
.swl.active{
    opacity: 1;
}
/* .swl::before{
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0; 
    z-index: -1; 
    box-shadow: 0px 0px 15px rgba(33, 98, 247, 0.8) inset;
    border: 1px solid rgba(33, 98, 247, 0.8);
    box-sizing: border-box;
    transform: skew(41deg);
} */
.swr{
    background: url(../img/t_r.png) center center no-repeat;
    color: #eeeef3;
    display: block;
    opacity: 0.5;
    top: 9px;
    position: relative;
    width: 113px;
    height: 33px;
    line-height: 30px;
    z-index: 99;
    text-align: center;
    font-size: 14px;
    margin-left: 8px;
}
.swr.active{
    opacity: 1;
}
/* .swr::before{
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0; 
    z-index: -1; 
    box-shadow: 0px 0px 15px rgba(33, 98, 247, 0.8) inset;
    border: 1px solid rgba(33, 98, 247, 0.8);
    box-sizing: border-box;
    transform: skew(-41deg);
} */
.bt{
    width: 536px;
    text-align: center;
}